// Copyright 2017 The Kubernetes Authors.
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//     http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.

@import '../variables';

.kd-login-container {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: repeat(3, 1fr);
}

.kd-login-card {
  grid-column: 3 / 8;
  grid-row: 2;
}

.kd-login-mode-description {
  padding: $baseline-grid (3.5 * $baseline-grid) (2 * $baseline-grid);
}

.kd-login-input {
  padding: 0 (3.5 * $baseline-grid);
}

.kd-login-button {
  margin: (4 * $baseline-grid) $baseline-grid $baseline-grid 0;
}

.kd-error-container {
  align-self: end;
  grid-column: 3 / 8;
  grid-row: 1;
  justify-self: stretch;
}

.kd-error-text {
  text-align: left;
}

:host {
  height: 100vh;
}
